<template>
    <div class="card-box">
        <el-table :data="tableData" stripe border style="width: 100%">
        <el-table-column prop="name" label="接口名称" >
        </el-table-column>
        <el-table-column prop="type" label="接口种类" width="150">
        </el-table-column>
        <el-table-column prop="baojun" label="提供报竣" width="150">
        </el-table-column>
        <el-table-column prop="history" label="记录调用历史" width="150">
        </el-table-column>
        <el-table-column prop="methods" label="操作" width="220">
          <template slot-scope="scope">
              <el-button size="mini" @click="editSingData(scope.row)">编辑</el-button>
              <el-button size="mini" type="primary" @click="deleteSingData(scope.row)">调用历史</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                tableData: [
                    {
                       name: '单卡停机复机',
                       type: '操作',
                       baojun: '是',
                       history: '是'
                    }
                ]
            }
        },
        methods: {
            editSingData() {
                this.$router.push({
                    path: '/api_interfaces/edit'
                })
            }
        }
    }
</script>

<style scoped>

</style>